<template>
  <BasicDrawer
    v-bind="$attrs"
    getContainer="body"
    width="90%"
    title="消息中心"
    :showFooter="false"
    @register="registerDrawer"
    class="msg-drawer"
  >
    <!--  :showOkBtn="false"
    cancelText="关闭"
    showFooter -->
    <div :class="prefixCls" class="flex">
      <div class="flex-1 my-4">
        <MsgList @close="closeDrawer" />
      </div>
    </div>
  </BasicDrawer>
</template>

<script lang="ts" setup name="ModelForm">
  // import { ref } from 'vue';
  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
  import { useDesign } from '/@/hooks/web/useDesign';

  import MsgList from '/@/views/system/msg/index.vue';

  const { prefixCls } = useDesign('msg-drawer');
  // const loading = ref(false);
  // 模型基础配置

  // 初始化
  const [registerDrawer, { closeDrawer }] = useDrawerInner(async () => {
    // setDrawerProps({ title: data.record ? '编辑' : '新增', destroyOnClose: !data?.isUpdate });
  });
</script>
<style lang="less">
  @prefix-cls: ~'@{namespace}-msg-drawer';
  .@{prefix-cls} {
    margin: -16px -16px;
    background-color: @content-bg;
    height: calc(100vh - 58px);
  }
</style>
